*{
	margin: 0;
	padding: 0;
	font-size: 100%;
}
a {
	text-decoration: none;
}
li,ul {
	list-style: none;
}
table {border-collapse: collapse;}
body{	font-size: 62.5%;}

#wrapper{
	margin: 2px auto;
	width: 1000px;
	border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 100px #CCCCCC;
    margin: 2px auto;
}

#header{
	height: 200px;
	background: url(../images/cms-banner.jpg);
}
/* Wellcom */
.headNav {font-size: 1.2em;}
.headNav span {
	color: #333;
	font-weight: bold;
	font-style: italic;
}
.headNav a {padding-left: 5px;}
/* End Wellcom */
#content{
	width: 100%;
	font-size: 1.2em;
}

#menu{
	float: left;
}
#maincontent{
	float: right;
        width: 815px
}
/** phan TITLE (O TREN MOI ITEM) ******/
.backend-item {
    float: right;
    width: 795px;
    background: #fff;
    min-height: 655px;
}
.backend-h2{
    height: 32px;
    margin: 20px 0px 0px 36px;
    position: relative;
    font-size: 1.6em;    
    width: 100%;
}
.backend-h2 span{
    font-style: italic;
    color: #c3c;
    position: absolute;
    left: 5px;
}
.backend-h2 span.img{
    position: absolute;
    width: 46px;
    height: 38px;
    left:-46px;
    top: -10px;
    background: url(../images/choose.png) top left no-repeat;
}

/*  STYLE CHO NUT NGANG(SAPORATOR) */
.backend-item p.saporator, p.saporator{
    margin: 10px 0px ;
    width: 100%;
    border: 1px solid #737474;
    height: 1px;
    background: white;
}
thead, tfoot {
    height: 31px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;    
    font-family: tahomo;
    text-shadow: 0 1px 2px #302D2D;
    background:  url(../images/gray-grad.png) top left repeat-x #DFDFDF;
}
thead tr th, tfoot tr th{
    padding: 10px 0;
    width: 50px;
}
table tbody {
     outline: 1px ridge #DFDFDF;
}
table tbody tr:hover {
    background: none repeat scroll 0 0 #FDD0B9;
    color: #0080FF;
    width: 99.5%;
}

/** BACKEND-  USER *******/
#user-fillter p {
    position: relative;
}
.s-u-fillter  {
    position: absolute;
    left: 50px;
    width:  140px;    
}
#user-fillter p select{
    padding: 4px 2px;
    background-color: #C7DBE5; 
    font-size: 1.2em;   
}
#user-fillter p{
    padding: 10px 0;
    margin-bottom: 25px;
}
#user-fillter p input{
    background: -moz-linear-gradient(#AAB1B2, #E8F3F5) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(#AAB1B2, #E8F3F5) repeat scroll 0 0 transparent;
    border: 1px solid #F1F4F5;
    border-radius: 4px 4px 4px 4px;
    color: OrangeRed;
    font-weight: bold;
    padding: 4px 2px;
    position: absolute;        
}
.input-hover:hover{
    border: 1px solid #F5F4F4;
    border-radius: 4px;
    color: #F4F4F4 !important;
    background: -moz-linear-gradient(#CCC, #333)!important ;
    background: -webkit-linear-gradient(#CCC, #333)!important ; 
}
.input-hover[name="cmd_user_fillter"]{
    left:200px;
}
#user-fillter p input[name="txt_search"]{
    right: 180px;
    border: 1px inset #333;
}
.input-hover[name="cmd_search"]{
    right: 75px;
    top: 7px;
}
#backend-user-table tbody tr {
    font-size: 1.2em;
    text-align: center;
    padding-left: 5px;
    text-transform: capitalize;
}

.user-thead th{
    
}
.row_action {
    margin-top: 5px;
}
#backend-user-table tbody tr{
    width: 99.5%;
}

.bu-check{
    width: 40px;
}
.bu-authority, .bu-date{
    width: 100px;
}
.bu-name, .bu-email, .bu-username {
    width: 226px;
    text-align: left;
}
/**  END BACKEND-  USER *******/

/** BACKEND-  ADDUSER And Your Profile *******/
#table-add-new-user tr:hover, #table-user-your-profile tr:hover{
    background: none !important;
}
#table-add-new-user tr td, #table-user-your-profile tr td{
    font-family: tahoma;
    padding: 5px;
    text-align: left;
    position: relative;
}
#table-add-new-user tr td span{
    position: absolute;
    left: 500px;
    color: red;
    font-weight: bold;
}
#table-add-new-user tr td input ,#table-user-your-profile td input{
    background: none repeat scroll 0 0 #EFF6FA;
    border: 1px solid #444444;
    box-shadow: 0 0 1px 2px #777777;
    padding: 3px 2px;
    width: 280px;
}
#table-add-new-user tr td input:focus ,#table-user-your-profile td input:focus{
    background: #DFDBB0;
}
#table-add-new-user tr td select, #table-user-your-profile td select{
    margin-left: 174px;
    padding: 3px 2px;
    width: 150px;
    background: #f4f4f1;
}
#user_addnew p,.form-validate p{
    margin: 40px 0 0 90px;
    text-align: left;
}
.add-new-user-sub-reset { /* *nut sub mit va reset */
    font-weight: bold;
    padding: 4px;
    background: -moz-linear-gradient(#7FB5F8,##B2DCF4);
    border-radius: 5px;
}
/** END BACKEND-  ADDUSER *******/

/** BACKEND BUY #backend-buy *****/
.bb-user, .bb-phone, .bb-city,.bb-prouduct, .bb-date, .bb-num{
    width: 100px !important;
}

.bb-user, .bb-phone, .bb-city,.bb-prouduct, .bb-date, .bb-num, .bb-name, .bb-address{
    text-align: center;
    padding:2px;
}
.bb-name, .bb-address {
    width: 210px !important;
}
#backend-buy .sub-check{
    width:40px;
}
/* nut fillter cua select */
.fillter {
    background-color: #C7DBE5;
    padding: 4px 2px;
}
.tools{
    margin: 10px 0;
}
.tools input{
    background: -moz-linear-gradient(#AAB1B2, #E8F3F5) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(#AAB1B2, #E8F3F5) repeat scroll 0 0 transparent;
    border: 1px solid #F1F4F5;
    border-radius: 4px 4px 4px 4px;
    color: OrangeRed;
    font-weight: bold;
    padding: 4px 2px;
    
}
/** END BACKEND BUY #backend-buy *****/
/** BACKEND-  YOURPROFILE *******/

/** FOOTER *******/
#footer {
	clear: both;
	width: 100%;
	height: 70px;
	background: -moz-linear-gradient(#EEEEEE, #CCCCCC) repeat;
 	background: -webkit-linear-gradient(#EEEEEE, #CCCCCC) repeat;
	font-size: 1.3em;
}
#footer p {
text-align: center;
	padding: 10px 0;
}
#footer .f-right{

}
/** thong bao error khi de textbox trong */
.error{
	color: red;
	font-weight: bold;
}
/* SUP MENU (MENU CON) */
.supMenu {
	text-align: right;
	font-size: 1.2em;
	font-family: Helvetica;
	font-weight: bold;
}
.supMenu select,
.supMenu option{
	padding: 2px 4px;
	border-radius: 4px;
}

.post_title {
	text-align: left;
	padding-left: 20px !important;
}
/**
 * STYLE CAC COMBOX CUA JQUERY 
 */
/* select in combox */
.ui-corner-all {	font-size: 1.2em;}
.ui-autocomplete-input,
.ui-multiselect {	
	width: 300px !important;
	color: #1C94C4 !important;
}
/* End select in combobox */